<?php
include ('../../../datos/general.php');
include ('../../../datos/conexion.php');
include ('../../../datos/storeprocedure.php');
validarSession('Coordinador');
$conn=obtenerConexion();
echo '<script>$("#cargarCursos").show("slow");</script>';
?>
	<script>
	var idEditar='';
	var carga='';
	var arregloCursos= new Array();
	
	cursos=function()
	{
		this.id=0;
		this.idProyeccionCurso= "";
		this.carga= "";
				
		this.llenarDatos=function(id,idProyeccionCurso,carga){
			this.id= id;
			this.idProyeccionCurso=idProyeccionCurso;
			this.carga = carga;
		}
		
		this.editarCarga=function(carga){
			this.carga = carga;
			}
		
		this.obtenerCarga= function(){
			return this.carga;
			}
		
		this.obtenerDatos=function(){
			return (this.id+","+this.idProyeccionCurso+","+this.carga);
			}
			
		this.compararArreglo = function(arreglo){
			if(this.obtenerDatos()!=arreglo.obtenerDatos())
				return false;
			else return true;
			}
	}
	
	
	function cursosAsignados(){
			$(".cursosAsignados").flexigrid({
				url : 'Coordinador/proyeccionProfesor/necesarioAsociarCursos/proyeccionCargarTablaCursos.php',
				dataType : 'xml',
				colModel : [{ display : 'Código', name : 'codigo', width : 80, sortable : true, align : 'left', process: limpiar}, 
							{ display : 'Nombre', name : 'nombre', width : 160, sortable : true, align : 'left', process: limpiar},
							{ display : 'Grupo', name : 'grupo', width : 80, sortable : true, align : 'left', process:limpiar},
							{ display : '# Estudiantes', name : 'numEstudiantes', width : 80, sortable : true, align : 'left', process: limpiar},
							{ display : 'Carga', name : 'carga', width : 75, sortable : true, align : 'left', process: limpiar}],
				buttons : [{name : 'Editar', bclass : 'edit', onpress : editarBtnCurso},
							{name : 'Calcular Carga', bclass : 'calcular', onpress : calcularProyeccion}],
				sortname : "codigo",
				sortorder : "asc",
				usepager : true,
				title : 'Lista de cursos asociados al profesor',
				useRp : true,
				rp : 10,
				showTableToggleBtn : false,
				width : 540,
				height : 110,
				singleSelect: true
			});
		}
	
	function obtenerParametrosCarga(grid){
		var items = $('.trSelected', grid);
		if(items.length>0){
			idEditar = items[0].id.substr(3);
			return true;
			}
		else return false;
		}
	
	function calcularProyeccion(com, grid) {
		if (obtenerParametrosCarga(grid)){
			parametros="tipo="+encodeURIComponent("calcularCargaCurso")+"&idEditar="+encodeURIComponent(arregloCursos[idEditar].idProyeccionCurso);
			cargar ("", "", "Coordinador/proyeccionProfesor/necesarioAsociarCursos/proyeccionCursoFunciones.php", "POST", parametros, true, "");
			}
		else alert('Debe seleccionar un registro.');
		}
	
	function  limpiar(celDiv,id){
			$(celDiv).click
			(
				function ()
					{ }
			);
		}
	
	function obtenerParametrosEditar(grid){
		var items = $('.trSelected', grid);
		if(items.length>0){
			idEditar = items[0].id.substr(3);
			carga = $('td[abbr="carga"] >div', items).html();
			if(carga=='&nbsp;')
				carga='';
			document.getElementById("cargaCurso").value=carga;
			return true;
			}
		else return false;
		}
	
	function editarBtnCurso(com, grid) {
		if (obtenerParametrosEditar(grid)){
			$("#divAgregarCurso").show("slow");
			alert('asd');
			}
		else alert('Debe seleccionar un registro.');
		}
	
	function editarCurso(){
		cargaAux = document.getElementById("cargaCurso").value;
		if(cargaAux!=''){
			cursoEditar= arregloCursos[idEditar];
			cursoEditar.editarCarga(cargaAux);
			parametros="tipo="+encodeURIComponent("actualizarCarga")+"&idRelacion="+encodeURIComponent(arregloCursos[idEditar].idProyeccionCurso)+
					   "&carga="+encodeURIComponent(cargaAux);
			cargar ("", "", "Coordinador/proyeccionProfesor/necesarioAsociarCursos/proyeccionCursoFunciones.php", "POST", parametros, true, "");
			cargarTablaCursos();
			cargarHorasCursos();
			}
		else document.getElementById('respuestaEditarCurso').innerHTML="Hay datos sin completar.";
		}
	
	function cargarHorasCursos(){
		var total=0;
		for(i=0;i<(arregloCursos.length);i++){
			var grupoAux = arregloCursos[i];
			total+=parseInt(grupoAux.carga);
			}		
		document.getElementById('cantidadTotalCursos').innerHTML=total;
		}
		
	function cargarTablaCursos(){
		profesor=document.getElementById('profesor').value;
		semestre=document.getElementById('semestreProyeccion').value;
		anno=document.getElementById('annoProyeccion').value;
		if(profesor!='Limpio' && anno!=''){
			parametros="profesor="+encodeURIComponent(profesor)+"&semestre="+encodeURIComponent(semestre)+"&anno="+encodeURIComponent(anno);
			cargar ("", "", "Coordinador/proyeccionProfesor/necesarioAsociarCursos/cursoLista.php", "POST", parametros, true, "");
		}
		else alert('Debe seleccionar a un profesor');
		}	
	
	cargarTablaCursos();
	</script>

<table id="tablaContenedora">
	<tr>
    	<td  align="left">
        	<div>
            <table>
                <tr>
                	 <td>
	                    <strong style="font-size:14px">Horas de cursos:</strong> <label id="cantidadTotalCursos">0</label><br/><br/>
                    	<table class="cursosAsignados" style="display: none"></table>
		                <script>cursosAsignados();</script>    
                    </td>
                     <td valign="top">
                    	<br />
                        <br/>
                        <br/>                        
                    	<div id="divAgregarCurso" style="-moz-border-radius: 10px;-webkit-border-radius: 10px; border: 1px solid #000000; display:none">
                    	<table >
                        	<tr>
                            	<td colspan="2">
                                	<h3 id="mensajeAsignarPlaza">Editar carga del curso</h3>
                                </td>
                            </tr>
                        	<tr>
                            	<td>
                                	Carga del curso(horas):
                                </td>
                            	<td>
                                	<input type="text" id="cargaCurso"/>
                                </td>
                            </tr>
                        	<tr>
                            	<td style="color:#F00" id="respuestaEditarCurso">	
                                </td>
                            	<td align="right">
                                <button onclick="$('#divAgregarCurso').hide('slow');" class="boton">Ocultar</button>
                                	<button onclick="editarCurso();" class="boton">Registrar</button>
                                </td>
                            </tr>
                        </table>
                     	</div>
                        <a name="finalPlaza"></a>
                    </td>
                </tr>
            </table>
            </div> <!-- Div proyecciones cursos-->
		</td><!-- columna contenedora -->
	</tr><!-- fila contenedora -->
</table><!-- Tabla contenedora -->